import './index.scss'
import appleIcon from '../../assets/apple.png'

function AppleItem ({ apple }) {
  return (
    <div className="appleItem">
      <div className="apple">
        <img src={appleIcon} alt="" />
      </div>
      <div className="info">
        <div className="name">红苹果 - {apple.appleId}号</div>
        <div className="weight">{apple.weight}克</div>
      </div>
      <div className="btn-div">
        <button onClick={apple.eatApple}> 吃掉 </button>
      </div>
    </div>
  )
}

export default AppleItem